<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
  <div id="root">
      <input type="text" v-model="str">
      <div>{{str}}</div>
      <div v-html="str"></div>
      <div v-text="str"></div>
  </div>
</body>
<script>
    // 双向绑定：一个是数据，一个是视图
    // 当数据发生改变，那么视图会更新，视图更新，数据也会发生变化
    const vm = new Vue({
        el:"#root",
        data:{
            str:"黑猫白猫，能捉住耗子就是好猫"
        }
    })

</script>
</html>